@import '@/lib/reset.scss';

.editor {
    @include rect(100%, 100%);
    float: left;
    .editor-header {
        @include rect(100%, 64px);
        padding: 0 16.8px;
        border-bottom: 1px solid #ddd;
        background: #fff;
        .title-input {
            @include rect(60%, 63px);
            outline: none;
            font-size: 25px;
            font-weight: 600;
            text-align: 63px;
            padding: 10px 0;
            float: left;
            display: block;
        }
        [contenteditable]:empty:before {
            content: attr(placeholder);
            display: block;
            color: #999;
            }
        .right-box {
            @include rect(460.5px, 32px);
            float: right;
            margin-top: -1px;
        }
    }
    .content {
        @include rect(100%, 800px);
        float: left;
        .content-left {
            padding-top: 30px;
            @include rect(50%, 800px);
            border: 1px solid #ddd;
            border-top: 0; 
            float: left;
            .content-left-content {
                @include rect(50%, 727px);
                outline: none;
                padding-left: 30px;
                font-weight: 500;
                font-size: 20px;
            }
            .content-left-bottom {
                @include rect(100%, 43px); 
                background: #fff;
                border: 1px solid #ddd;
            }
        }
        .content-right {
            float: left;
            @include rect(50%, 800px);
            background: #fff;
            .content-right-content {
                @include rect(50%, 757px);
                outline: none;
                padding-left: 30px;
                font-weight: 500;
                font-size: 20px;
            }
            .content-right-bottom {
                @include rect(100%, 43px); 
                background: #fff;
                border: 1px solid #ddd;
            }
        }
        
    }
}
